<p:dialog xmlns="http://www.w3.org/1999/xhtml"
      	  xmlns:h="http://java.sun.com/jsf/html"
      	  xmlns:f="http://java.sun.com/jsf/core"
      	  xmlns:ui="http://java.sun.com/jsf/facelets"
      	  xmlns:p="http://primefaces.org/ui"
      	  modal="true"  resizable="true" rendered="true" width="40%"
		  widgetVar="dialogManterEstado" id="idDialogManterEstado" closable="true"
		  appendTo="@(body)" header="Cadastrar Novo Estado"> 	
  	
<h:form id="formDialogManterEstado" prependId="false">
 	<p:messages id="messagesManterEstado" autoUpdate="true" closable="true" /> 
    	<h:panelGrid id="pgEstado" columns="2" style="margin-top:20px; margin-right:10%;">  
            <h:outputLabel value="Código" styleClass="outputLabel"/>  
            <h:outputLabel value="Estado*" styleClass="outputLabel"/>             
            <p:inputText value="#{cidadeBean.estado.idEstado}" styleClass="inputId" disabled="true">
            	<p:ajax listener="#{cidadeBean.ajaxSaveEstado}" />
            </p:inputText>  
  			<p:inputText value="#{cidadeBean.estado.descricao}" styleClass="inputDescricao" maxlength="40">
  				<p:ajax listener="#{cidadeBean.ajaxSaveEstado}" render="pgEstado" />
            </p:inputText>   
        </h:panelGrid>  
        <h:panelGrid  columns="1" style="margin-right:10%;">  
            <h:outputLabel value="Sigla" styleClass="outputLabel"/>            
            <p:inputText value="#{cidadeBean.estado.sigla}" styleClass="inputId" maxlength="2">
            	<p:ajax listener="#{cidadeBean.ajaxSaveEstado}"/>
            </p:inputText>  			 
        </h:panelGrid>  
        <h:panelGrid id="pgCidadeManterPais" columns="3" style="margin-right:10%;">  
            <h:outputLabel value="Código" />  
            <h:outputLabel value="País" />         
            <h:outputLabel />
            <p:inputText value="#{cidadeBean.estado.pais.idPais}" styleClass="inputId" maxlength="5">
            	<p:ajax listener="#{cidadeBean.onChangePais}" update="pgCidadeManterPais"/>
            </p:inputText>   
  			<p:autoComplete  value="#{cidadeBean.estado.pais.descricao}" maxlength="40" style="width:200px;"
                    completeMethod="#{cidadeBean.completePais}" >
            	<p:ajax event="itemSelect" listener="#{cidadeBean.handleSelectPais}" update="pgCidadeManterPais"  />
			</p:autoComplete>   
  			<p:commandButton icon="ui-icon-search" actionListener="#{paisBean.openDialogConsultarPais}" process="@this" styleClass="commandButton" ajax="true" />
        </h:panelGrid>  

    <p:commandButton value="Salvar" actionListener="#{cidadeBean.saveEstado}" update="formDialogManterEstado, messagesManterEstado" 
    						 process="@this"/> 
	<p:commandButton value="Sair" actionListener="#{cidadeBean.closeManterEstado}" process="@this"  /> 

 </h:form>	
 <ui:include src="/view/cidade/dialogConsultarPais.xhtml"></ui:include>
</p:dialog>
